import { FC } from 'react';
import NotFoundImage from '../assets/NotFound.svg?react';
import Box from '@mui/joy/Box';

const NotFoundPage: FC = () => {
  return (
    <Box
      sx={{
        height: 1,
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
      }}
    >
      <NotFoundImage
        style={{
          width: 'inherit',
          maxWidth: 500,
        }}
      />
    </Box>
  );
};

export default NotFoundPage;
